<template>

	<view>
		<view class="national">
			<text class="national_btn" @click="locationFlag=0">全国疫情</text>

			<text class="national_btn" @click="locationFlag=1">当地疫情</text>

		</view>
		<view v-if="locationFlag==0" class="item">
			<view class="bor">
				<view class="block css3-1" >
					
						<text>新增加确诊</text>
					<view class="number">
						<text>{{TotalityData[5].news.diagnosis}}</text>
					</view>
					
					
				</view>
				<view class="block css3-1">
					<text>新增无症状</text>
					<view class="number">
						<text>{{TotalityData[5].news.asymptomatic}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>新增境外</text>
					<view class="number">
						<text>{{TotalityData[5].news.Foreign}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>现有确诊</text>
					<view class="number">
						<text>{{TotalityData[5].now.diagnosis}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>现有无症状</text>
					<view class="number">
						<text>{{TotalityData[5].now.asymptomatic}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>现有境外</text>
					<view class="number">
						<text>{{TotalityData[5].now.Foreign}}</text>
					</view>

				</view>
				<view class="block css3-1">
					<text>累计确诊</text>
					<view class="number">
						<text>{{TotalityData[5].total.diagnosis}}</text>
					</view>
					<view class="compare" >
						<text>较昨日：+{{TotalityData[5].total.diagnosis-TotalityData[4].total.diagnosis}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>累计治愈</text>
					<view class="number">
						<text>{{TotalityData[5].total.heal}}</text>
					</view>
					<view class="compare">
						<text>较昨日：+{{TotalityData[5].total.heal-TotalityData[4].total.heal}}</text>
					</view>
				</view>
				<view class="block css3-1">
					<text>累计死亡</text>
					<view class="number">
						<text>{{TotalityData[5].total.death}}</text>
					</view>
					<view class="compare">
						<text>较昨日：+{{TotalityData[5].total.death-TotalityData[4].total.death}}</text>
					</view>
				</view>

			</view>
			<view class="item" style="position: relative;top: 300rpx;">
				<view class="bor"style="padding-top:60rpx;">
					<uni-ec-canvas class="uni-ec-canvas" @click="ec3click"
					:ec="ec3" @inited="inited">
				</uni-ec-canvas>
				</view>
				
			</view>

			<view class="coure_box" style="margin-top:150rpx ;">
				<view class="coure_box_T">
					出行政策
				</view>
			</view>
			<view style="margin-top: 500rpx;margin-left: 20rpx;">
				<view v-for="(item,index) in policyList" :key="index">
					<item :policy="item"></item>
				</view>
			</view>


		</view>
		<view v-if="locationFlag==1">

			<view class="tu">

				<text class="tu_btn" @click="change1">新增/确诊累计</text>

				<text class="tu_btn" @click="change2">死亡/治愈累计</text>

			</view>
			<uni-ec-canvas class="uni-ec-canvas" style="position: relative;top: 200rpx;" v-if="flag=='1'" :ec="ec"
				@inited="initedEc">
			</uni-ec-canvas>
			<uni-ec-canvas class="uni-ec-canvas" style="position: relative;top: 200rpx;" v-if="flag=='2'" :ec="ec2"
				@inited="initedEc2">
			</uni-ec-canvas>
			<view>
				<uni-ec-canvas class="uni-ec-canvas" style="position: relative;top: 400rpx;" @click="ec3click" :ec="ec4"
					@inited="initedEc4">
				</uni-ec-canvas>
			</view>

		</view>


	</view>
</template>

<script>
	import uniEcCanvas from './uni-ec-canvas/uni-ec-canvas.vue'
	import item from "./item.vue"
	export default {
		props: ["date", "location"],
		mounted() {
			uni.request({
				url: "http://101.43.7.172:5678/data-process/getTotality",
				success: (res) => {

					this.TotalityData = res.data.data.TotalityData


				}
			})

		},
		data() {
			return {
				TotalityData: [],
				locationFlag: 0,
				flag: '1',
				policyList: [{
						logo: "../static/tar1.png",
						title: "关于统筹做好公路交通疫情防控的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/12/content_5684794.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "关于降低新冠病毒核酸检测价格和费用的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/fuwu/zt/yqfwzq/yqfkblt.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "教育部办公厅学习生活健康指南的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/01/content_5682934.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "交通运输部关于公路交通保通保畅工作的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/12/content_5684794.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "关于降低新冠病毒核酸检测价格和费用的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/fuwu/zt/yqfwzq/yqfkblt.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "教育部办公厅学生疫情防控期间指南的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/01/content_5682934.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "交通运输部关于统筹做好公路交通疫情的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/12/content_5684794.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "关于降低新冠病毒核酸检测价格和费用的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/fuwu/zt/yqfwzq/yqfkblt.htm"
					},
					{
						logo: "../static/tar1.png",
						title: "教育部办公厅关于印发学生疫情防控的通知",
						locaton: "中国政府网",
						url: "http://www.gov.cn/zhengce/zhengceku/2022-04/01/content_5682934.htm"
					}
				],


				ec: {
					option: {
						title: {
							text: this.location + ' * 新增/累计确诊趋势图',
							left: 'center',
							textStyle: {
								color: '#0092D5',
								fontsize: 11
							}
						},
						color: ['#100fff', '#05cf5f'],
						tooltip: {
							trigger: 'axis',
							axisPointer: {
								type: 'cross',
								label: {
									backgroundColor: '#6a7985'
								}
							}
						},
						legend: {
							top: 25,
							data: ['新增确诊', "累计确诊病例"]
						},
						toolbox: {
							feature: {
								saveAsImage: {}
							}
						},
						grid: {
							left: '3%',
							right: '4%',
							bottom: '3%',
							containLabel: true
						},
						xAxis: {
							axisTick: {
								show: false
							},
							axisLine: {
								lineStyle: {
									color: '#0092D5'
								}
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
							data: ["2022-04-19", '2022-04-20', '2022-04-21', '2022-04-22', '2022-04-23']
						},
						yAxis: {
							name: "(人)",
							nameTextStyle: {
								color: 'rgba(255, 255, 255, 0.8)',
								align: 'right'
							},
							splitLine: {
								lineStyle: {
									type: 'dashed',
									color: '#0092D5',
									opacity: 0.3
								}
							},
							axisLine: {
								show: false,
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
						},
						series: [{
								name: '新增确诊',
								type: 'line',
								stack: 'Total',
								areaStyle: {},
								emphasis: {
									focus: 'series'
								},
								data: [12, 12, 11, 13, 19, 10]
							},
							{
								name: '累计确诊病例',
								type: 'line',
								stack: 'Total',
								areaStyle: {},
								emphasis: {
									focus: 'series'
								},
								data: [12, 12, 11, 20, 9, 6]
							}
						]
					}
				},
				ec4: {
					option: {
						title: {
							//1.标题居中
							//left的值为'left', 'center', 'right'
							left: 'center',
							//默认为10
							//2.主副标题之间的间距
							itemGap: 20,
							// 3.标题文本样式   
							text: '当地疫情预测',
							textStyle: {
								//文字颜色
								color: '#0092D5',
								//字体风格,'normal','italic','oblique'
								fontStyle: 'normal',
								//字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
								fontWeight: 'bold',
								//字体系列
								fontFamily: 'sans-serif',
								//字体大小
								fontSize: 17
							}
						},
						color: ['#1890FF', '#FF7D00', '#a0000a'],
						tooltip: {},
						legend: {
							show: true,
							top: 40,
							right: 0,
							align: 'left',
							x: 'center',
							y: 'top',
							icon: 'rect',
							itemHeight: 5,
							itemWidth: 15,
							data: ["Al预测新增确诊", "Al预测累计确诊", "实际累计确诊"],
							textStyle: {
								color: 'rgba(255, 255, 255, 0.8)',
								fontSize: 12
							},
						},
						xAxis: {
							axisTick: {
								show: false
							},
							axisLine: {
								lineStyle: {
									color: '#0092D5'
								}
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
							data: ['2022-04-19', '2022-04-20', '2022-04-21', '2022-04-22', '2022-04-23']
						},
						yAxis: {
							name: "(人)",
							nameTextStyle: {
								color: 'rgba(255, 255, 255, 0.8)',
								align: 'right'
							},
							splitLine: {
								lineStyle: {
									type: 'dashed',
									color: '#0092D5',
									opacity: 0.3
								}
							},
							axisLine: {
								show: false,
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
						},
						grid: {
							top: '25%',
							bottom: '10%',
							left: '10%',
							right: '2%'
						},
						series: [{
							name: "Al预测新增确诊",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: [0, 2, 1, 1, 5, 2],
						}, {
							name: "Al预测累计确诊",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: [1, 4, 6, 9, 10, 15],
						}, {
							name: "实际累计确诊",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: [2, 7, 11],
						}]

					}
				},

				ec2: {
					option: {
						title: {
							//1.标题居中
							//left的值为'left', 'center', 'right'
							left: 'center',
							//默认为10
							//2.主副标题之间的间距
							itemGap: 20,
							// 3.标题文本样式   
							text: this.location + ' * 疫情治愈/死亡趋势图',
							textStyle: {
								//文字颜色
								color: '#0092D5',
								//字体风格,'normal','italic','oblique'
								fontStyle: 'normal',
								//字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
								fontWeight: 'bold',
								//字体系列
								fontFamily: 'sans-serif',
								//字体大小
								fontSize: 13
							}
						},
						color: ['#11aa11', '#aa2211'],
						tooltip: {},
						legend: {
							show: true,
							top: 40,
							right: 0,
							align: 'left',
							x: 'center',
							y: 'top',
							icon: 'rect',
							itemHeight: 5,
							itemWidth: 15,
							data: ["治愈", "死亡"],
							textStyle: {
								color: 'rgba(255, 255, 255, 0.8)',
								fontSize: 12
							},
						},
						xAxis: {
							axisTick: {
								show: false
							},
							axisLine: {
								lineStyle: {
									color: '#0092D5'
								}
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
							data: ['2022-04-17', '2022-04-18', '2022-04-19', '2022-04-20', '2022-04-21']
						},
						yAxis: {
							name: "(人)",
							nameTextStyle: {
								color: 'rgba(255, 255, 255, 0.8)',
								align: 'right'
							},
							splitLine: {
								lineStyle: {
									type: 'dashed',
									color: '#0092D5',
									opacity: 0.3
								}
							},
							axisLine: {
								show: false,
							},
							axisLabel: {
								color: 'rgba(255, 255, 255, 0.8)'
							},
						},
						grid: {
							top: '25%',
							bottom: '10%',
							left: '10%',
							right: '2%'
						},
						series: [{
							name: "治愈",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: [30, 32, 63, 71, 55, 97],
						}, {
							name: "死亡",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: [1, 14, 6, 9, 10, 15],
						}]
					}
				},

				ec3: {
					option: {
						title: {
							//1.标题居中
							//left的值为'left', 'center', 'right'
							left: 'center',
							//默认为10
							//2.主副标题之间的间距
							itemGap: 20,
							// 3.标题文本样式   
							text: '全国疫情数据',
							textStyle: {
								//文字颜色
								color: '#0092D5',
								//字体风格,'normal','italic','oblique'
								fontStyle: 'normal',
								//字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
								fontWeight: 'bold',
								//字体系列
								fontFamily: 'sans-serif',
								//字体大小
								fontSize: 16
							}
						},
						color: ['#aa2211', '#11aa11', '#31314a'],
						legend: {
							top: 160
						},
						tooltip: {
							trigger: 'axis',
							showContent: false
						},
						dataset: {
							source: [
								['status', '2020-4-16', '2020-4-17', '2020-4-18', '2020-4-19', '2020-4-20',
									'2020-4-21'
								],
								['新增', 56.5, 82.1, 88.7, 70.1, 53.4, 85.1],
								['治愈', 51.1, 51.4, 55.1, 53.3, 73.8, 68.7],
								['死亡', 40.1, 62.2, 69.5, 36.4, 45.2, 32.5],

							]
						},
						xAxis: {
							type: 'category'
						},
						yAxis: {
							gridIndex: 0
						},
						grid: {
							top: '55%'
						},
						series: [{
								type: 'line',
								smooth: true,
								seriesLayoutBy: 'row',
								emphasis: {
									focus: 'series'
								}
							},
							{
								type: 'line',
								smooth: true,
								seriesLayoutBy: 'row',
								emphasis: {
									focus: 'series'
								}
							},
							{
								type: 'line',
								smooth: true,
								seriesLayoutBy: 'row',
								emphasis: {
									focus: 'series'
								}
							},
							{
								type: 'line',
								smooth: true,
								seriesLayoutBy: 'row',
								emphasis: {
									focus: 'series'
								}
							},
							{
								type: 'pie',
								id: 'pie',
								radius: '30%',
								center: ['50%', '25%'],
								emphasis: {
									focus: 'self'
								},
								label: {
									formatter: '{b}: {@2020-4-16} ({d}%)'
								},
								encode: {
									itemName: 'status',
									value: '2020-4-16',
									tooltip: '2020-4-16'
								}
							}
						]
					}
				}
			}
		},


		methods: {
			initedEc(myChart) {
				this.ec.option.title.text = this.location + ' * 新增/累计确诊趋势图'
				uni.request({
					header: {
						'Content-Type': 'application/json'
					},
					url: "http://101.43.7.172:5678/data-process/getDatasByCity",
					method: "POST",
					data: {
						"city": this.location
					},
					success: (res) => {
						var TotalityData = res.data.data.LocationData;
						this.ec.option.xAxis.data = [TotalityData[0].Date, TotalityData[1].Date, TotalityData[
							2].Date, TotalityData[3].Date, TotalityData[4].Date, TotalityData[5].Date];
						this.ec.option.series[0].data = [TotalityData[0].newDiagnosis, TotalityData[1]
							.newDiagnosis, TotalityData[2].newDiagnosis, TotalityData[3].newDiagnosis,
							TotalityData[4].newDiagnosis, TotalityData[5].newDiagnosis
						];
						this.ec.option.series[1].data = [TotalityData[0].totalDiagnosis, TotalityData[1]
							.totalDiagnosis, TotalityData[2].totalDiagnosis, TotalityData[3]
							.totalDiagnosis, TotalityData[4].totalDiagnosis, TotalityData[5].totalDiagnosis
						]

					}
				})




			},
			initedEc2(myChart) {
				this.ec2.option.title.text = this.location + ' * 疫情治愈/死亡趋势图'
				uni.request({
					header: {
						'Content-Type': 'application/json'
					},
					url: "http://101.43.7.172:5678/data-process/getDatasByCity",
					method: "POST",
					data: {
						"city": this.location
					},
					success: (res) => {
						var TotalityData = res.data.data.LocationData;
						console.log(res);
						this.ec2.option.xAxis.data = [TotalityData[0].Date, TotalityData[1].Date, TotalityData[
							2].Date, TotalityData[3].Date, TotalityData[4].Date, TotalityData[5].Date];
						this.ec2.option.series[0].data = [TotalityData[0].totalHeal, TotalityData[1].totalHeal,
							TotalityData[2].totalHeal, TotalityData[3].totalHeal, TotalityData[4]
							.totalHeal, TotalityData[5].totalHeal
						];
						this.ec2.option.series[1].data = [TotalityData[0].totalDeath, TotalityData[1]
							.totalDeath, TotalityData[2].totalDeath, TotalityData[3].totalDeath,
							TotalityData[4].totalDeath, TotalityData[5].totalDeath
						]

					}
				})




			},
			initedEc4(myChart) {
				uni.request({
					header: {
						'Content-Type': 'application/json'
					},
					url: "http://101.43.7.172:5678/data-process/getDatasByCity",
					method: "POST",
					data: {
						"city": this.location
					},
					success: (res) => {
						var TotalityData = res.data.data.LocationData;
						console.log(TotalityData);
						this.ec4.option.xAxis.data = [TotalityData[3].Date, TotalityData[4].Date, TotalityData[
							5].Date, TotalityData[6].Date, TotalityData[7].Date, TotalityData[8].Date];
						this.ec4.option.series[2].data = [TotalityData[0].totalDiagnosis, TotalityData[1]
							.totalDiagnosis, TotalityData[2].totalDiagnosis
						];

						//al疫情预测 y=211.08e**0.3405x
						// const a = TotalityData[2].totalDiagnosis;
						// const x = Math.log(a / 211) / 0.3405;
						// const al = [];
						// const ay = [];
						// al[0] = Math.trunc(211 * (2.7 ** ((x - 2) * 0.3405)))
						// ay[0] = Math.trunc(211 * (2.7 ** ((x - 2) * 0.3405))) / 5
						// al[1] = Math.trunc(211 * (2.7 ** ((x - 1) * 0.3405)))
						// ay[1] = Math.trunc(211 * (2.7 ** ((x - 1) * 0.3405))) - Math.trunc(211 * (2.7 ** ((x -
						// 	1.4) * 0.3405)))
						// al[2] = Math.trunc(211 * (2.7 ** ((x) * 0.3405)))
						// ay[2] = Math.trunc(211 * (2.7 ** ((x) * 0.3405))) - Math.trunc(211 * (2.7 ** ((x - 1) *
						// 	0.3405)))
						// al[3] = Math.trunc(211 * (2.7 ** ((x + 0.5) * 0.3405)))
						// ay[3] = Math.trunc(211 * (2.7 ** ((x + 0.5) * 0.3405))) - Math.trunc(211 * (2.7 ** ((
						// 	x) *
						// 	0.3405)))
						// al[4] = Math.trunc(211 * (2.7 ** ((x + 1) * 0.3405)))
						// ay[4] = Math.trunc(211 * (2.7 ** ((x + 1) * 0.3405))) - Math.trunc(211 * (2.7 ** ((x +
						// 	0.5) * 0.3405)))
						// al[5] = Math.trunc(211 * (2.7 ** ((x + 1.5) * 0.3405)))
						// ay[5] = Math.trunc(211 * (2.7 ** ((x + 1.5) * 0.3405))) - Math.trunc(211 * (2.7 ** ((
						// 	x +
						// 	1) * 0.3405)))
						const a = TotalityData[5].totalDiagnosis - TotalityData[4].totalDiagnosis;
						const al = [];
						const ay = [];
						al[0] = Math.trunc(a * 0.8)
						ay[0] = Math.trunc(TotalityData[5].totalDiagnosis - a * (0.9 + 0.8 + 0.9))
						al[1] = Math.trunc(a * 0.9)
						ay[1] = Math.trunc(TotalityData[5].totalDiagnosis - a * (1.1 + 1))
						al[2] = Math.trunc(a)
						ay[2] = Math.trunc(TotalityData[5].totalDiagnosis - a * 1.1)
						al[3] = Math.trunc(a * 1.1)
						ay[3] = Math.trunc(TotalityData[5].totalDiagnosis)
						al[4] = Math.trunc(a * 1.05)
						ay[4] = Math.trunc(TotalityData[5].totalDiagnosis + a * (1.05))

						al[5] = Math.trunc(a * 0.95)
						ay[5] = Math.trunc(TotalityData[5].totalDiagnosis + a * (1.05 + 0.95))

						this.ec4.option.series[0].data = al;
						this.ec4.option.series[1].data = ay;
						/*myChart.setOption({
							series: [{
							name: "Al预测新增确诊",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: ay,
						}, {
							name: "Al预测累计确诊",
							barWidth: 15,
							type: 'line',
							smooth: true,
							data: al,
						}]
						})*/

					}
				})


			},
			inited(myChart) {
				uni.request({
					url: "http://101.43.7.172:5678/data-process/getTotality",
					success: (res) => {
						var TotalityData = res.data.data.TotalityData;


						this.ec3.option.dataset.source[0] = ['status', TotalityData[0].Date, TotalityData[1]
							.Date, TotalityData[2].Date,
							TotalityData[3].Date, TotalityData[4].Date, TotalityData[5].Date
						];
						this.ec3.option.dataset.source[1] = ['新增', TotalityData[0].news.diagnosis,
							TotalityData[1].news.diagnosis, TotalityData[2].news.diagnosis, TotalityData[3]
							.news.diagnosis, TotalityData[4].news.diagnosis, TotalityData[5].news.diagnosis
						];
						this.ec3.option.dataset.source[2] = ['治愈', TotalityData[0].total.heal, TotalityData[1]
							.total.heal, TotalityData[2].total.heal, TotalityData[3].total.heal,
							TotalityData[4].total.heal, TotalityData[5].total.heal
						];
						this.ec3.option.dataset.source[3] = ['死亡', TotalityData[0].total.death, TotalityData[1]
							.total.death, TotalityData[2].total.death, TotalityData[3].total.death,
							TotalityData[4].total.death, TotalityData[5].total.death
						];

						this.ec3.option.series[4].label.formatter = '{b}: {@[' + TotalityData[0].Date +
							']} ({d}%)';
						this.ec3.option.series[4].encode.value = TotalityData[0].Date;
						this.ec3.option.series[4].encode.tooltip = TotalityData[0].Date;
						console.log(this.ec3.option.dataset.source[0]);

					}
				})

				myChart.on('updateAxisPointer', function(event) {
					const xAxisInfo = event.axesInfo[0];
					if (xAxisInfo) {
						const dimension = xAxisInfo.value + 1;
						myChart.setOption({
							series: {
								id: 'pie',
								label: {
									formatter: '{b}: {@[' + dimension + ']} ({d}%)'
								},
								encode: {
									value: dimension,
									tooltip: dimension
								}
							}
						});
					}
				});


			},
			change1() {
				this.flag = '1'
				console.log(this.flag)
			},
			change2() {
				this.flag = '2'
				console.log(this.flag)
			}
		},
		components: {
			uniEcCanvas,
			item
		}
	}
</script>

<style scoped lang="scss">
	.uni-ec-canvas {
		width: 750rpx;
		height: 750rpx;
		display: block;
	}

	.tu {
		/* border-color: #5500ff; */
		/* border-width: 50rpx; */
		display: block; //盒子模型
		/*flex-direction: row; */
		margin-top: 0rpx;
		height: 200rpx;
		width: 750rpx;
		color: #ffffff;

	}

	.tu text {

		//盒子模型
		/*border: #4CD964; */

		color: '#0092D5';

		margin: 30rpx;
		position: relative;
		top: 220rpx;
		left: 20rpx;
		white-space: pre-wrap;
	}

	.tu_btn {
		width: 400rpx;
		height: 150rpx;
		text-align: center;
		line-height: 34px;
		border-radius: 34px;

		font-size: 20px;
		font-weight: 700;
	}

	.coure_box {
		display: flex;
		position: absolute;
		top: 2850rpx;
		left: 250rpx;
		width: 100%;
		color: #0092D5;
		justify-content: center;
		align-items: center;
		box-sizing: border-box; //改盒子不可以超过父盒大小
		overflow: hidden;
		padding: 0 15px;
		justify-content: space-between;
		align-content: space-between;
		flex-wrap: wrap;

		.coure_box_T {
			font-size: 20px;
			font-weight: 700;
		}
	}
</style>
